<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
          type="text/css">
    <link rel="stylesheet" href="/index/css/main.css" type="text/css">
</head>
<title>二手房东</title>
<body>
<nav class="navbar navbar-expand-md bg-primary navbar-dark">
    <div class="container">
        <a class="navbar-brand" href="{:url('index')}">二房东投资管理</a>
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
                data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="false"
                aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
        <div class="collapse navbar-collapse text-center justify-content-end" id="navbar2SupportedContent">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="#"><i class="fa d-inline fa-lg fa-bookmark-o"></i> 房源管理</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#"><i class="fa d-inline fa-lg fa-envelope-o"></i> 财务管理</a>
                </li>
            </ul>
            <a class="btn navbar-btn btn-primary ml-2 text-white"><i class="fa d-inline fa-lg fa-user-circle-o"></i>
                登入/退出</a>
        </div>
    </div>
</nav>
<div class="pt-0 mt-0 text-center text-white">
    <div class="container bg-light fixed-bottom">
        <div class="row bg-light py-0">
            <div class="px-1 pt-2 col-3 bg-dark">
                <i class="d-block  fa fa-2x fa-home"></i>
                <h6 class="my-1 ">房源管理</h6>
            </div>
            <div class="col-3 bg-primary  px-1 pt-2"><i class="d-block fa fa-2x fa-user"></i>
                <h6 class="my-1 ">租户管理</h6>
            </div>
            <div class="col-3 bg-primary  px-1 pt-2"><i class="d-block fa fa-2x fa-copy"></i>
                <h6 class="my-1 ">合同管理</h6>
            </div>
            <div class="col-3 bg-primary  px-1 pt-2"><i class="d-block fa fa-2x fa-edit"></i>
                <h6 class="my-1 ">财务管理</h6>
            </div>
        </div>
    </div>
    <div class="row mt-3 mb-1 mx-0 p-0">
        <div class="col-4 p-1">

            <a class="btn btn-primary">
                <i class="fa fa-plus pr-1"></i>新增房源
            </a>
        </div>
        <div class="col-8 p-1">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="搜索" aria-describedby="basic-addon2">
                <span class="input-group-addon bg-primary" id="basic-addon2"><i
                        class="fa fa-search pr-1 text-white"></i></span>
            </div>
        </div>
        <div class="col-12">
            <hr>
        </div>
    </div>

    <div class="row my-2 mx-0 p-0">
        <div class="col-8 px-2 text-left">
            <h5 class="text-dark">蓝都华城1幢1单元501</h5>
            <h6 class="text-dark ">地址：江北解放西路916号</h6>
        </div>
        <div class="col-4 px-0">
            <h6 class="text-dark">房东:张先生</h6>
            <h6 class="text-dark"><i class="fa fa-phone pr-1"></i>18057999987</h6>
        </div>
        <div class="col-12 text-right">
            <a class="btn btn-sm btn-danger px-3">合同</a>
            <a class="btn btn-sm btn-primary px-3">租户</a>
            <a class="btn btn-sm btn-warning px-3">财务</a>
        </div>
        <div class="col-12">
            <hr>
        </div>
    </div>
    <div class="row my-2 mx-0 p-0">
        <div class="col-8 px-2 text-left">
            <h5 class="text-dark">蓝都华城1幢1单元501</h5>
            <h6 class="text-dark ">地址：江北解放西路916号</h6>
        </div>
        <div class="col-4 px-0">
            <h6 class="text-dark">房东:张先生</h6>
            <h6 class="text-dark"><i class="fa fa-phone pr-1"></i>18057999987</h6>
        </div>
        <div class="col-12 text-right">
            <a class="btn btn-sm btn-danger px-3">合同</a>
            <a class="btn btn-sm btn-primary px-3">租户</a>
            <a class="btn btn-sm btn-warning px-3">财务</a>
        </div>
        <div class="col-12">
            <hr>
        </div>
    </div>

</div>

<!-- Large modal -->
<button class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-sm">Large modal</button>

<div class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
        <div class="row">
            <div class="col-4 p-0 text-center m-0 ">
                <button class="btn btn-primary">Large modal</button>
            </div>
            <div class="col-4 p-0 text-center m-0">
                <button class="btn btn-primary">Large modal</button>
            </div>
            <div class="col-4 p-0 text-center m-0">
                <button class="btn btn-primary">Large modal</button>
            </div>
        </div>
  </div>
</div>



<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
        crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"
        integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh"
        crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"
        integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1"
        crossorigin="anonymous"></script>

</body>

</html>